/* 模态 start */
$modal: (
  'z-index': getCssVar('z-index', 'modal'),
);

/* 模态 end */

@include b(modal) {
  @include set-component-css-var('modal', $modal);

  // 覆盖element计算的z-index,使用变量
  &.el-dialog {
    z-index: getCssVar('modal', 'z-index') !important;
    overflow: auto;
  }

  .el-dialog__header {
    position: relative;
    padding: 0;
  }

  .el-dialog__body {
    height: 100%;
    padding: 0;
  }

  // 模态关闭图标位置
  .el-dialog__headerbtn {
    top: 0;
    right: -16px;
    z-index: getCssVar('modal', 'z-index');
  }
}
